<template>
  <div>
    <div @click="$router.back()">
      &lt;
      {{ arr }}
      <!-- <img :src="arr.houseImg[0]" alt="" /> -->
    </div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "DetailCom",
  data() {
    return {
      arr: { houseImg: [1] },
    };
  },
  async created() {
    console.log(this.$route.params.id);
    let id = this.$route.params.id;
    const res = await axios.get(
      `http://www.xiaoshuaipeng.com:8080/houses/${id}`
    );
    console.log(res.data.body);
    this.arr = res.data.body;
  },
};
</script>

<style>
</style>